body{
    font-family: "MicrosoftYaHei Regular";
    /*min-width: 1920px;*/
}
ul{
    padding-left: 0;
}
/*-----------------导航栏-------------------*/
.block-nav{
    display: table;
    width: 1200px;
    margin: auto;
}
.item-logo{
    padding-top: 15px;padding-bottom: 8px;
}
.item-logo img{
    padding-bottom: 4px;
}
.navTop-cell{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 47px;
    cursor: pointer;
}
.item-nav span{
    display: table-cell;
    padding: 30px 25px 20px 24px;
    /*background: lightgray;*/
}
.item-nav span:hover a{
    /*background: lightgray;*/
    color: #80B63C!important;
}
.item-nav{
    /*font-size: 10px;*/
    font-size: 18px;
    /*font-family: 'MicrosoftYaHei';*/
    padding-left: 0;padding-right: 0;
    /*border: 1px solid saddlebrown;*/
}
.item-nav a{
    text-decoration: none;
    color: #333333!important;
    border: none;
}
.item-search div{
    border: 1px solid #E5E5E5;
    width: 205px;
}
.item-search input{
    border: none;color: #333333!important;
}
.item-search label{
    background: none;border:none;color: #E5E5E5!important;
    cursor: pointer;
}
.item-search label:active{
    background: lightcyan;
}
.item-user{
    padding-left: 20px;
}

.item-hd{
    /*overflow: hidden;*/
    display: table-cell;
    font-family: "MicrosoftYaHeiLight Regular ";
}
.item-hd img{
    /*float: left;*/
    width: 40px;border-radius: 20px;
}
.item-hd label{
    /*float: left;*/
    font-weight: normal;
    font-size: 16px;
    padding-left: 10px;
    cursor: pointer;
}

/*登陆、注册触发按钮*/
.btn-signIn{
    border-right: 1px solid black;
    padding-right: 10px;
    margin-right: 8px;
}
.btn-signIn:hover,.btn-signUp:hover{
    color: rgb(127,181,57);
}
.opt-user{
    font-size: 16px;
}
.item-personal{
    position: relative;
}

/*头像触发个人中心*/
.area-personal{
    position: absolute;
    top: 55px;
    left: -40px;
    width: 120px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    /*height: 150px;*/
    z-index: 20;
    display: none;
}
.item-hdMenu{
    padding-left: 0;
    list-style-type: none;
}
.item-hdMenu a{
    display: block;
    /*border: 1px solid black;*/
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
    color: #ACACAC;
    text-align: left;
    padding-left: 20px;
    margin: 3px 0;
}
.item-hdMenu a:hover{
    background: lightcyan;
}
.item-tg{
    position: absolute;top: -19px;text-align: center;width: 100%;
}

.nav-active a{
    color: #80B63C!important;
}
/*----------------巨幕轮播------------------*/
/*  第一层-轮播图片*/
#block-show{
    position: relative;
}
.item-shImg{
    height: 405px;width: 100%;
    min-width: 1200px;
}
.item-shImg img{
    width: 100%;
}

/*   第二层-内容   */
#block-showCtt{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*background: lightcyan;*/
}
#block-showCtt ul{
    width: 1200px;/*border: 1px solid lightblue;*/height: 100%;margin: auto;display: table;
    padding: 0;
}
#block-showCtt li{
    position: relative;
    display: table-cell;
    height: 100%;
}
/*   左侧内容   */
/*左侧-上-文字*/
/*.item-shText{
    !*border: 1px solid lightgray;*!
    height: 320px;vertical-align: middle;
    display: table-cell;color: white;
}
.item-shText p{
    font-size: 16px;
}*/
.item-shText{
    position: absolute;/*background: lightblue;*/width:100%;height: 405px;display: table;
}
.item-shText li{
    display: table-cell;/*background: red;*/vertical-align: middle;
}
.item-shText div{
    /*background: black;*/width: 1200px;margin: auto;color: white;/*height: 405px;*/
}
.item-shText p{
    font-size: 16px;
}
/*左侧-下-轮播按钮*/
.item-btnImg{
    width: 100%;
    text-align:center;
    position: absolute;
    bottom: 10px;
}
.item-btnImg img{
    width: 126px;
    height: 67px;
    margin: 0 5px;
    border: 1px solid white;
}

/*  右侧直播通知  */
.item-shCttR{
    /*width: 250px!important;*/
    width: 300px!important;
    vertical-align: bottom;background: #639620;

}
.item-ckasslist{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 16px;
    height: 36px;
    width: 300px;
}
.item-shCrrRarea{
    overflow: auto;-webkit-overflow-scrolling: touch;height: 405px;
}
.item-shCttR-child{
    /*border: 1px solid lightcyan;*/background: #7EAE4A;
    color: white;padding:0 25px;border-bottom: 1px solid #639620;
    cursor: pointer;
}
.item-shCttR-child:hover{
    background: #98CE52;
}
.item-shCttR-child label{
    padding-top: 8px;font-size: 14px;
}
.item-shCttR-child div{
    width: 100%;
    padding-bottom: 8px;display: table;
    font-size: 12px;
}
.item-shCttR-child img{
    padding-bottom: 5px;
}
.item-shCttR-child span{
    display: table-cell;
    /*border: 1px solid white;*/
}

/*-----------------------------------------*/
/*正在直播*/
#block-content{
    padding-top: 54px;
    padding-bottom: 27px;
    /*border: 1px solid red;;*/
}
/*正在直播内容*/
.block-liveCtt{
    width: 1224px;
    margin: 0 auto;
}
/*课程回顾内容*/
.block-reviewCtt{
    width: 1216px;
    margin: 0 auto;
    /*border: 1px solid red;;*/
}
/*正在直播、课程回顾、名校名师的导航标题*/
.item-liveHd,.item-reviewHd,.item-sourceLb{
    border-left: 4px solid red;font-size: 22px;
    padding-left: 8px;margin-bottom: 30px;
    cursor: pointer;
}
.item-liveHd a,.item-reviewHd a,.item-sourceLb a{
    color: #333333;
}
.item-liveHd a:hover,.item-reviewHd a:hover,.item-sourceLb a:hover{
    color: #80B63C;
}
/*.item-liveHd:hover,.item-reviewHd:hover,.item-sourceLb:hover{

}*/
.item-liveHd{
    display: block;
    margin-left: 12px;
}
.item-reviewHd{
    display: block;
    margin-left: 8px;
}
/*正在直播、课程回顾、名校名师介绍卡片的父元素*/
.block-live,.block-review,.block-source{
    padding-top: 5px;
    padding-left: 0;
    /*border: 1px solid red;*/
    overflow: hidden;
}
.block-source{
    padding-top: 32px;
    padding-left: 3px;
}

.item-reviewLb,.item-liveEle,.item-reviewEle,.item-sourceEle{
    position: relative;
    border: 1px solid #E5E5E5;
    /*display: table-cell;*/
    float: left;
}
.item-liveEle,.item-reviewEle,.item-sourceEle{
    padding: 7px;
    cursor: pointer;
}
.item-reviewLb{
    background: #7FB539;
    padding: 10px 25px;
}
.item-reviewLb a{
    color: white;
}
.item-liveEle{
    width: 282px;
    /*height:214px;*/
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
}
.item-reviewEle,.item-reviewLb,.item-sourceEle{
    width: 227px;
    height:180px;
    margin-bottom: 16px;
}

.item-reviewEle,.item-reviewLb{
    margin-left: 8px;
    margin-right: 8px;
}
.item-sourceEle{
    margin-right: 16px;
    background: #FFFFFF;
}
.item-sourceEle div{
    position: relative;
}
.ph-person{
    width: 100%;
}
.item-eleTextI,.item-eleTextII{
    display: table;
    width: 100%;
    /*margin-top: 5px;*/
}
.item-eleTextI span,.item-eleTextII span{
    display: table-cell;
    /*border:1px solid red;*/
}
.item-eleTextI{
    padding-top: 8px;
}
.item-eleTextII{
    font-size: 12px;
    color: #BEBEBE;
    padding-top: 4px;
}
.item-eleTextII img{
    padding-bottom: 4px;
}
.item-eleHd,.item-sucEleHd{
    font-size: 14px!important;
}
.item-eleHd{
    color: #727272;
}
.item-liveEle:hover .item-eleHd,.item-reviewEle:hover .item-eleHd,.item-sourceEle:hover .item-eleHd{
    color: #7EB637;
}
.item-eleHd img{
    padding-bottom: 2px;
}
.item-liveEle:hover,.item-reviewEle:hover,.item-sourceEle:hover{
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    box-shadow: 0 0 5px #888888;
}

.item-liveTy{
    font-size: 12px;
    text-align: right;
    color: #5D97D7;
}
.ctt-l{
    text-align: left!important;
}
.ctt-r{
    text-align: right!important;
    margin: auto;
}

/*--------------------------------------------*/
/*  课程热度/在线课堂    */
.item-onlineClass{
    position: relative;font-weight: normal;
    display: table-cell;
    padding: 30px 25px 20px 24px;
}
.item-onlineClass label{
    font-weight: normal;
    cursor: pointer;
}
.item-onlineClassMenu{
    border: 1px solid #E8E8E8;
    width: 225px;
    /*margin-left: 150px;*/
    font-size: 16px;
    position: absolute;
    top: 75px;
    left: -60px;
    z-index: 20;
    background: #FFFFFF;
    text-align: left!important;
    display: none;
    padding-bottom: 12px;
    /*overflow: hidden;*/
    /*padding-left: 3px;*/
    /*padding-right: 3px;*/
}
.item-onlineClassMenu a{
    color: #A0A0A0!important;
    /*text-decoration: none;*/
}
.item-onlineClassMenu a:hover{
    color: #80B63C!important;
    text-decoration: underline;
}
.item-listHotHd,.item-listOtherHd{
    color: #0f0f0f!important;
    margin-left: 15px;
    position: relative;
    /*border-left: 2px solid red;*/
    padding-left: 10px;
}
.item-listHotHd i,.item-listOtherHd i{
    position: absolute;left: 0;top: 4px;height:15px;border-left: 3px solid #91AF3D;
}
.item-listHotHd{
    margin-top: 15px;
}
.item-listOtherHd{
    margin-bottom: 15px;
}
.item-listHot,.item-listOther{
    overflow: hidden;
    margin: auto;
    padding-left: 15px
}
.item-listHot{
    padding-top: 10px;
    /*border: 1px solid red;*/
    padding-bottom: 5px;
}

.item-rwLabelHd{
    color: white;font-size: 15px;
    position: relative;margin: 0 15px;
}
.item-rwLabelHd{
    text-align: center;
}
.item-rwLabelHd i{
    display: block;border-bottom: 2px solid white;position: absolute;top: 10px;
    width: 100%;
}
.item-rwLabelHd label{
    background: #7FB539;padding: 0 3px;
    position: relative;z-index: 3;
}
.item-reviewLb ul,.block-hot,.block-other{
    overflow: hidden;padding: 0;
}
.item-reviewLb ul{
    color: white;
}
.block-hot,.block-other{
    color: rgb(161,161,161);
}
.item-reviewLb span,.item-onlineClassMenu label{
    float: left;text-align: center;
}
.item-onlineClassMenu label{
    margin: 6px 15px;
    font-weight: normal;
}
.item-reviewLb span{
    font-size: 14px;
    margin: 3px 15px;
}
.ol-active{
    color: #80B63C;
}
/*--------------------------------------*/
/*名师名校*/
#block-sourceCtt{
    background: #F5F5F5;padding-top: 54px;padding-bottom: 54px;
}
.block-sucCtt{
    width: 1200px;display: table;margin: auto;
}
/*名师名校左侧-导航*/
.source-l{
    display: table-cell;
}
.item-sucDir{
    padding-left: 40px;
    display: inline;
    font-size: 17px;
}
.item-sucDir li{
    display: inline;
    border-bottom: 2px solid #F5F5F5;
    margin-right: 24px;
    padding: 0 2px 1px 2px;
    cursor: pointer;
}
.item-sucDir li:hover{
    color: #7EB637;
    border-bottom: 2px solid #7EB637!important;
}
.suc-active{
    color: #7EB637;
    border-bottom: 2px solid #7EB637!important;
}
/*名师名校-右侧*/
.source-r{
    display: table-cell;
    width: 465px;/**/
}
.source-rCtt{
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    padding-top: 9px;
    padding-left: 0;
    list-style-type: none;
    background: #FFFFFF;
    height:375px;
    overflow: auto;
}
.source-rCtt li{
    padding: 0 19px;
    margin: 0;
    cursor: pointer;
}
.source-rCtt li:hover .item-sucrHd{
    color: #7FB73A;
}
.item-sucrHd{
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 10px;
    color: #606060;
}
.item-sucrStatus{
    border-bottom: 1px solid #E5E5E5;
    color:#BDBDBD;font-size: 12px;
    padding-bottom: 8px;
}
.item-sucrStatus span{
    margin-right: 20px;
}
.item-sucrStatus img{
    padding-bottom: 3px;
}

/*------------------------------------*/
/*   底部   */
.block-footer{
    background: #7FB539;text-align: center;
    padding-top: 30px;padding-bottom: 30px;
    color: #FCFFFD;line-height: 2;
}

/*---------登陆/注册模态框----------------*/
#signIn,#signUp,#selectSh{
    padding-top: 100px;
}
#signIn .modal-content,
#signUp .modal-content,
#selectSh .modal-content{
    width: 515px;
}
#signIn .modal-header,
#signUp .modal-header,
#selectSh .modal-header{
    padding: 8px 12px;
    background: #F5F5F5;
    border-radius: 5px;
}
#signIn .modal-header button,
#signUp .modal-header button,
#selectSh .modal-header button{
    font-size: 30px;
}
#signIn .modal-header span,
#signUp .modal-header span,
#selectSh .modal-header span{
    font-size: 16px;height: 39px;
}
#signIn .modal-body,
#signUp .modal-body,
#selectSh .modal-body{
    padding-top: 23px;
}
.block-sInCtt,.block-sUpCtt{
    font-size: 16px;
    text-align: right;padding-right: 121px;
}
.block-sInCtt div,.block-sUpCtt div{
    margin-bottom: 23px;
    /*border:1px solid red;*/
}
.block-sInCtt div input,.block-sUpCtt div input {
    width: 190px;
    height: 28px;
    margin-left: 12px;
    border: 1px solid #E5E5E5;
    padding-left: 5px;
}

.item-signInThird-f,.item-signUpThird-f{
    padding-right: 121px;margin-top: 15px;
}
.item-signInThird-c,.item-signUpThird-c{
    border-top: 1px solid #BEBEBE;
    position: relative;width: 265px;
    padding-top: 7px;float: right;
}
.signInThird-hd,.signUpThird-hd{
    position: absolute;top: -13px;
    text-align:center;
    width: 100%;
}
.signInThird-hd span,.signUpThird-hd span{
    background: #FFFFFF;color: #BEBEBE;
    padding: 0 8px;font-size: 16px;
}
.btn-signInThird img,.btn-signUpThird img{
    width: 52px!important;
    margin: 21px 14px;
    cursor: pointer;
}
.area-checkCode input{
    width: 85px!important;
    margin-right: 10px;
}


/*模态框中的登陆/注册按钮*/
.btn-login,.btn-register{
    margin-bottom: 20px;width: 263px;height: 45px;font-size: 16px;
}

/*登陆模态框触-注册新账号*/
.btn-setNewAcc,.btn-toLogin{
    text-decoration: underline;
    color: rgb(190,190,190);
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
}

